.menu-container {
  margin:auto;
  text-align: center;
  max-width: 1110px;
}
	
.menu-home{
  float:right;
  height:66px;
  width:70px;
  margin-right:-70px;
  top:0px;
  left:0px;

}

.menu-top{
  margin-top:32px;
  width: 100%; 
  float:right;
}

.menu-sub{
  clear:right;
  width: 100%; 
  height:36px;
  background-color:#DDDDDD;
}




.menu-top .inner{
  margin-left:70px;
  height:36px;
  background-color:#DDDDDD;

}

.menu-top img {
    vertical-align: middle;
    max-height: 24px;
    max-width:  24px;
}

.menu-item-first, .menu-item, .menu-item-first-selected,  .menu-item-selected, .menu-item-sub, .menu-item-sub-selected{
  height:36px;
  width:25%;
  float:left;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  border:1px solid #A7A6BC;
  background-image: url("../dfig/bar.png");
  background-color: #E8EBF1;
  font-family:"Segoe UI", Tahoma, Verdana;
  font-size:12px;
  color:black;
}

.menu-item-first-selected,  .menu-item-selected, .menu-item-sub-selected{
  font-weight: bold;
  background-image: none;
}

.menu-item-sub{
  background-image: none;
}

.menu-item-sub-selected{
  background-color: #F5F8FE;
 }


.menu-item, .menu-item-selected{
  border-left:0px solid #A7A6BC;
}

.menu-item-first:hover, .menu-item:hover, .menu-item-sub:hover{
  font-weight: bold;
  background-image: none;
}






.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.mob-container{
  display:none;
 }
 
.allcontent{
   margin:auto;
   text-align: center;
   max-width: 1110px;
   padding:0px;}

@media screen and (max-width:560px) {

.menu-container {
  display:none;
} 

.mob-container{
  display:block;
  margin:auto;
  text-align: center;
  max-width: 556px;
 }
 
 .allcontent{
   margin:auto;
   text-align: center;
   max-width: 560px;
   padding-top:34px;}
 
 .menu-wrap{
	height:34px;
	position:fixed;
	background-image: url("../dfig/bar.png");
	background-color: #DDDDDD;
	width:100%;
	margin-top:0px;
	top:0px;
	left:0px;
	z-index:50;
	opacity:0.95;
}

	.submenuhidden{
		position:fixed;
		width:250px;
		margin-top:0px;
		top:34px;
		left:0px;
		z-index:-1;
		opacity:0;
		transition:opacity linear 0.15s;
		visibility:hidden;
	}
	
	.submenuvisible{
	  	position:fixed;
		background-color: #DDDDDD;
		border-color: #EEEEEE;
		width:90%;
		margin-top:0px;
		top:34px;
		left:0px;
		z-index:100;
		opacity:0.97;
		transition:opacity linear 0.15s;
        background-color: #E8EBF1;
        font-family:"Segoe UI", Tahoma, Verdana;
        font-size:14px;
		visibility:visible;

	}
	
.mbutton{
  position:fixed;
  top:5px;
  left:5px;
}

.mlogo{
    float:right;
	padding-top:5px;
	padding-right:5px;
}

.mbutton:hover{
	opacity:0.4;
}

	
.mbutton:hover .sub-menu{
   z-index:1000;
   opacity:1;
}	

	.rowsubmenu, .rowsubmenu2, .rowsubmenu-selected, .rowsubmenu2-selected{
	    margin-left:0px;
		line-height:34px;
		width:100%;
		background-image: url("../dfig/bar.png");
		text-align:left;
		text-indent: 0px;
		vertical-align: middle;
		float:left;
        box-sizing:border-box;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;		
}	

.rowsubmenu-selected{
  background-image:none;
  font-weight: bold;
}

.rowsubmenu2-selected{
  background-image:none;
  background-color: #F5F8FE;
  text-indent: 64px;
   font-weight: bold;
 }

.rowsubmenu img , .rowsubmenu-selected img{
    vertical-align: middle;
    max-height: 24px;
    max-width:  24px;
}

.rowsubmenu2{
		text-indent: 64px;
}	

} 
/* unvisited link */
 .mob-container  a:link, .menu-container a:link {
 color: #000000;
 text-decoration: none;
}

/* visited link */
 .mob-container a:visited , .menu-container a:visited{
    color: #333333;
	text-decoration: none;
}

/* mouse over link */
 .mob-container  a:hover, .menu-container a:hover {
    color: #555555;
	text-decoration: none;
	font-weight: bold;
}

/* selected link */
 .mob-container  a:active, .menu-container a:active{
    color: #333333;
	text-decoration: none;
}